<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>FlyBoard Colombia</title>
        <link rel="stylesheet" href="css/bootstrap.css">
        <link rel="stylesheet" type="text/css" href="css/demo.css" />
        <link rel="stylesheet" type="text/css" href="css/style3.css" />
        <link href="css/style.css" rel="stylesheet" type="text/css">
        <link href="css/sample-styles.css" rel="stylesheet" type="text/css">
        <script type="text/javascript" src="js/modernizr.custom.86080.js"></script>
        <style type="text/css">
            .Picasa {
                background: url("img/social/picasa.png") no-repeat scroll 0 6px transparent;
            }
            .Deviantart {
                background: url("img/social/deviantart.png") no-repeat scroll 0 6px transparent;
            }
            .Wordpress {
                background: url("img/social/wordpress.png") no-repeat scroll 0 6px transparent;
            }
            .Soundcloud {
                background: url("img/social/soundcloud.png") no-repeat scroll 0 6px transparent;
            }
            .Instagram {
                background: url("img/social/instagram.png") no-repeat scroll 0 6px transparent;
            }
            .Instagram {
                background: url("img/social/instagram.png") no-repeat scroll 0 6px transparent;
            }
            .Footer .Social {
                margin: 55px 23% 20px !important;
            }
            .Footer a.brand {
                clear: both;
                color: #EEEEEE;
                display: block;
                font-family: 'Kelly Slab',cursive;
                font-size: 35px;
                font-weight: lighter;
                margin: 10px 0 6px;
                padding: 24px 0 16px;
                text-shadow: 2px 1px 0 #000000;
                text-transform: uppercase;
            }
            #third {
                background: url("img/flyboard/url3.jpg") no-repeat fixed 50% 50% transparent !important;
                color: white;
                height: 500px;
                margin: 0 auto;
                overflow: hidden;
                padding: 150px 0 40px;
            }
            .Portfolio {
                background: url("img/grilled.png") repeat fixed 50% 0 transparent;
                color: #575757;
                padding: 85px 0 100px;
                z-index: 2;
            }
            .Services {
                background: url("img/subtle_freckles.png") repeat fixed 50% 0 #FFFFFF;
                color: #575757;
                padding: 85px 0 100px;
                z-index: 2;
            }
            .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
                width: 1170px;
            }

            .Parallax .ParallaxText {
                position: relative;
                text-align: center;
                z-index: 250;
            }
            .Parallax h2 {
                background-color: #000000;
                display: inline;
                font-family: 'Kelly Slab',cursive !important;
                font-size: 2.5em !important;
                line-height: 1.4em !important;
                opacity: 0.7;
                padding: 15px;
                text-shadow: 9px 9px 0 #000000;
            }
            .Parallax blockquote {
                background: none repeat scroll 0 0 #000000;
                border: medium none !important;
                display: inline-block;
                font-family: 'Kelly Slab',cursive !important;
                font-size: 1.1em !important;
                margin-top: 40px !important;
                opacity: 0.7;
                padding: 15px !important;
            }
            blockquote {
                border-left: 5px solid #EEEEEE;
                margin: 0 0 20px;
                padding: 0 0 0 15px;
            }
            .Parallax .ParallaxText p {
                background: none repeat scroll 0 0 #000000;
                display: inline;
                font-family: 'Kelly Slab',cursive !important;
                opacity: 0.7;
                padding: 15px;
                text-align: center !important;
            }
            #intro {
                background: url("img/flyboard/flyboardf1.jpg") no-repeat fixed 50% 50% transparent !important;
                color: white;
                height: 500px;
                margin: 0 auto;
                padding: 150px 0 40px;
            }
            #second {
                background: url("img/flyboard/fb2.jpg") no-repeat fixed 50% 50% transparent !important;
                color: white;
                height: 500px;
                margin: 0 auto;
                overflow: hidden;
                padding: 150px 0 40px;
            }
            .About {
                background: url("img/groovepaper.png") repeat fixed 50% 0 transparent;
                color: #575757;
                overflow: hidden;
                padding: 85px 0 100px;
                z-index: -1;
            }
            .Social {
                height: 40px;
                margin: 10px 23% !important;
            }

            .Team {
                margin: 10px 5%;
                text-align: center;
            }
            li a {
                display: block;
                float: left;
                height: 20px;
                /*opacity: 0.7;*/
                text-indent: -9999px;
                /*width: 32px;*/
            }
            .Facebook {
                background: url("img/social/facebook.png") no-repeat scroll 0 6px transparent;
            }
            .Twitter {
                background: url("img/social/twitter.png") no-repeat scroll 0 6px transparent;
            }
            .Dribbble {
                background: url("img/social/dribbble.png") no-repeat scroll 0 6px transparent;
            }
            .Behance {
                background: url("img/social/behance.png") no-repeat scroll 0 6px transparent;
            }
            .YouTube {
                background: url("img/social/youtube.png") no-repeat scroll 0 6px transparent;
            }
            .Rss {
                background: url("img/social/rss.png") no-repeat scroll 0 6px transparent;
            }
            .Pinterest {
                background: url("img/social/pinterest.png") no-repeat scroll 0 6px transparent;
            }
            .Googleplus {
                background: url("img/social/googleplus.png") no-repeat scroll 0 6px transparent;
            }
            .Forrst {
                background: url("img/social/forrst.png") no-repeat scroll 0 6px transparent;
            }
            .TitleSection h1 {
                font-size: 50px;
                text-shadow: 2px 1px 0 #444445;

                font-family: 'BebasNeueRegular';

                /*color: #777777;*/
                float: none;

                font-weight: lighter;

                text-decoration: none;
                /* text-shadow: 2px 1px 0 #1F1F1F;*/
                text-transform: uppercase;
                text-indent: 1px;
            }
            h1, h2, h3 {
                font-family: 'BebasNeueRegular';
                font-size: 35px;
                letter-spacing: 3px;
                text-transform: uppercase;
            }
        </style>
    </head>
    <body id="page" data-spy="scroll" data-target="#navbar" data-offset="60">
        <div id="video2" class="video2"></div>
        <div id="video" align="center" class="video">
            <iframe style="background: url('../img/debut_dark.png') repeat scroll 0 0 transparent; padding: 10px;  margin-top:180px;" width="55%" height="55%" src="http://www.youtube.com/embed/BkZ8euApHRo?rel=0" frameborder="0" allowfullscreen></iframe>
            <h3 class="letrasvideo2" >¡EL NUEVO DEPORTE QUE HA REVOLUCIONADO AL MUNDO <br> YA ESTÁ DISPONIBLE EN COLOMBIA!</h3><br>

            <h3 class="letrasvideo"><div id="entrar"><span style="color: red">[</span>CONOCE MÁS!<span style="color: red">]</span></div></h3>

        </div>
        <div class="navbar navbar-fixed-top" id="navbar">
            <div class="navbar-inner menuprincipal">
                <div class="container">
                    <a data-target=".nav-collapse" data-toggle="collapse" class="btn btn-navbar"> <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </a>
                    <a href="#" class="brand" ><div class="imglogo"><img  src="img/flyboard/logo_flyboard2.png"></div></a>
                    <div id="enlaces" style="display: none" class="nav-collapse collapse pull-right">
                        <ul class="nav">
                            <li class="active">
                                <a href="#welcome">Inicio</a>
                            </li>
                            <li class="">
                                <a href="#About">Conócenos</a>
                            </li>
                            <li class="">
                                <a href="#Services">Servicios</a>
                            </li>
                            <li class="">
                                <a href="#Portfolio">Galería</a>
                            </li>
                            <li class="" id="contacto">
                                <a href="#Contact">Contáctanos</a>
                            </li>
                        </ul>
                    </div>
                    <!--/.nav-collapse -->
                </div>
            </div>
        </div>
        <div id="up" class="up">
            <img src="img/flyboard/up.png">
        </div>
        <div style="height: 100%">
            <div class="flexbox1" align="center"  width="15%" height="15%">
                <div style="padding: 10px;" align="center">
                    <img src="img/flyboard/fblogo.png" style="height: 135px; width: 112px; z-index: 2000;">
                </div>
                <div style="padding: 10px;">
                    <div style=" margin: 0px auto;" >
                        <%-- <table>
                         <tr>
                             <td>
                                 <div> <img style="background-color: #D14836" src="img/flyboard/googleplus-64.png"></div>
                             </td>
                             <td>
                                 <div> <img style="background-color: #3B5998" src="img/flyboard/facebook-64.png"></div>
                             </td>
                             <td>
                                 <div> <img style="background-color: #CD332D" src="img/flyboard/youtube-64.png"></div>
                             </td>
                         <tr>
    </table>--%>
                        <div> <img style="background-color: #D14836" src="img/flyboard/googleplus-64.png"></div>
                        <div> <img style="background-color: #3B5998" src="img/flyboard/facebook-64.png"></div>
                        <div> <img style="background-color: #CD332D" src="img/flyboard/youtube-64.png"></div>
                    </div>
                </div>
                <div style="padding: 10px;">
                    <div style="width: 70px !important">
                        <div class="g-plusone"></div>
                    </div>
                    <div id="fb-root"></div>
                    <div class="fb-like" data-send="true" data-layout="box_count" data-width="450" data-show-faces="true"></div>
                </div>
            </div>
        </div>
        <h3 id="aviso1" align="center" class=" letras">
            RESERVA YA: (5) 6609832
        </h3>
        <div class="container-fluid clearfix">
            <div class="row-fluid">
                <div id="welcome">
                    <div style="padding:0; overflow:hidden" class="container-fluid clearfix">
                        <ul class="cb-slideshow">
                            <li><span>Image 01</span>
                                <div>
                                    <h3 class="legend">¡EL NUEVO DEPORTE QUE HA REVOLUCIONADO AL MUNDO YA ESTÁ DISPONIBLE EN COLOMBIA! </h3>
                                </div>
                            </li>
                            <li><span>Image 02</span>
                                <div>
                                    <h3 class="legend">
                                        "Libre movilidad dentro y sobre el agua." EL ESPECTADOR
                                    </h3>
                                </div>
                            </li>
                            <li><span>Image 03</span>
                                <div>
                                    <h3 class="legend">"Libre movilidad dentro y sobre el agua." EL ESPECTADOR</h3>
                                </div>
                            </li>
                            <li><span>Image 04</span>
                                <div>
                                    <h3 class="legend">"Flyboard: la revolución del deporte acuático." REVISTA DINERS</h3>
                                </div>
                            </li>
                            <li><span>Image 05</span>
                                <div>
                                    <h3 class="legend">"Flyboard, nuevo deporte en el que humanos nadan como delfines." CARACOL NOTICIAS</h3>
                                </div>
                            </li>
                            <li><span>Image 06</span>
                                <div>
                                    <h3 class="legend">"Libre movilidad dentro y sobre el agua." EL ESPECTADOR.</h3>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div id="About">
                    <div class="container-fluid clearfix About">
                        <div class="container clearfix">
                            <div class="container clearfix TitleSection">

                                <h1>conòce  fLYbOARD Y QUé LO  HACE</h1> 
                                <br>
                                <h1>SORPRENDENTE!</h1>



                            </div>
                            <div class="container clearfix span10" align="center">
                                <div class="span12">
                                    <div class="span12">
                                        <div class="Team clearfix">
                                            <div class="round-thumb-container span6">
                                                <div class="imagen" class="round-thumb"> <span><img  src="img/flyboard/Flyboard_3__klein_.jpg"></span>
                                                </div>
                                            </div>
                                            <div class="span6">
                                                <br>
                                                <p class="font">El Flyboard es básicamente una tabla a propulsión de agua que conecta universalmente con todas las motos de agua de todas las marcas del mercado. ¡Además, permite propulsarte por debajo del agua y volar hasta 12 metros de altura!
                                                    ​<br><br>
                                                    La manguera del Flyboard se conecta a la parte trasera de la moto de agua; con el kit básico se necesita una segunda persona para que dé gas a la moto de agua y así elevar al piloto del Flyboard, en cambio con el Kit de gas PRO adicional tu mismo puedes manejar el gas de la moto de agua, teniendo así completo control y pudiendo volar sin depender de nadie, haciendo que la moto de agua te siga por donde quieras que vayas.﻿
                                                    ​<br><br>
                                                    En sólo 15 minutos el 95% de las personas que prueban FlyBoard están volando!
                                                    ​<br><br>
                                                    Las boquillas debajo de tus pies se proveen del 90% de la propulsión, estas permiten el movimiento y se crea a partir de la inclinación de los pies, en cambio las boquillas en las manos se usan para asegurar la estabilidad como si estuvieras usando los bastones al esquiar.</p>
                                            </div>

                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="Parallax" id="intro" style="background-position: 50% 12px;">
                <div class="ParallaxText">
                </div>
            </div>
            <div id="Services">
                <div class="container-fluid clearfix Services">
                    <div class="container clearfix TitleSection">

                        <h1>nUESTROS sERVICIOS</h1> 


                    </div>
                    <div class="container clearfix">
                        <div class="row-fluid">
                            <div class="span12">
                                <div class="slider-wrapper">
                                    <div id="slider" class="lean-slider">
                                        <div class="slide1 lean-slider-slide">
                                            <img alt="" src="img/flyboard/1.jpg">
                                        </div>
                                        <div class="slide2 lean-slider-slide">
                                            <img alt="" src="img/flyboard/2.jpg">
                                        </div>
                                        <div class="slide3 lean-slider-slide">
                                            <img alt="" src="img/flyboard/3.jpg">
                                        </div>
                                        <div class="slide4 lean-slider-slide current">
                                            <img alt="" src="img/flyboard/4.jpg">
                                        </div>
                                    </div>
                                    <div id="slider-direction-nav">

                                    </div>
                                    <div id="slider-control-nav">

                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="container clearfix TitleSection">

                            <h1>ANÍMATE A PROBAR FLYBOARD!</h1>

                        </div>
                        <div class="row-fluid">
                            <div class="span6">
                                <div class="ca-menu">
                                    <div>
                                        <a href="#"> <span class="ca-icon">1.</span>

                                            <div class="ca-content">
                                                <h2 class="ca-main">VENTAS DE EQUIPOS</h2>

                                                <h3 class="ca-sub">Compra tu equipo FlyBoard</h3>

                                            </div>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="span6">
                                <div class="ca-menu">
                                    <div>
                                        <a href="#"> <span class="ca-icon">2.</span>

                                            <div class="ca-content">
                                                <h2 class="ca-main">ALQUILER DE EQUIPOS</h2>

                                                <h3 class="ca-sub">Alquila un equipo FlyBoard</h3>

                                            </div>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row-fluid">
                            <div class="span6">
                                <div class="ca-menu">
                                    <div>
                                        <a href="#"> <span class="ca-icon">3.</span>

                                            <div class="ca-content">
                                                <h2 class="ca-main">Cursos de FlyBoard</h2>

                                                <h3 class="ca-sub">Cursos para principantes con profesionales</h3>

                                            </div>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="span6">
                                <div class="ca-menu">
                                    <div>
                                        <a href="#"> <span class="ca-icon">4.</span>

                                            <div class="ca-content">
                                                <h2 class="ca-main">ALQUILER EN PLAYAS</h2>

                                                <h3 class="ca-sub">Prueba FlyBoard por horas</h3>

                                            </div>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div><%--
                        <div class="row-fluid">
                            <h2>TAblas de precios </h2>

                        </div>
                        <div class="row-fluid">
                            <div class="span4">
                                <div class="well PricingTables Standard">
                                    <h2>Standard</h2>

                                    <h3>$15.99 / month</h3>

                                    <p><span class="label">POPULAR</span>
                                    </p>
                                    <ul>
                                        <li><i class="icon-ok-sign"></i>10 users</li>
                                        <li><i class="icon-ok-sign"></i>5TB of space</li>
                                        <li><i class="icon-ok-sign"></i>About Us</li>
                                        <li><i class="icon-ok-sign"></i>News Archive</li>
                                        <li><i class="icon-ok-sign"></i>Our Service</li>
                                        <li><i class="icon-ok-sign"></i>Our Team</li>
                                        <li><i class="icon-ok-sign"></i>Clients Testimonials</li>
                                        <li><i class="icon-ok-sign"></i>Job Opportunities</li>
                                        <li><i class="icon-ok-sign"></i>F.A.Q</li>
                                    </ul>
                                    <p class="Special">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                                    <p>
                                        <a href="#" class="btn btn-large"><i class="icon-ok icon-white"></i> Select plan</a>
                                    </p>
                                </div>
                            </div>
                            <div class="span4">
                                <div class="well PricingTables Professional">
                                    <h2>Professional</h2>

                                    <h3>$10.99 / month</h3>

                                    <p><span class="label label-success">POPULAR</span>
                                    </p>
                                    <ul>
                                        <li><i class="icon-ok-sign"></i>10 users</li>
                                        <li><i class="icon-ok-sign"></i>5TB of space</li>
                                        <li><i class="icon-ok-sign"></i>About Us</li>
                                        <li><i class="icon-ok-sign"></i>News Archive</li>
                                        <li><i class="icon-ok-sign"></i>Our Service</li>
                                        <li><i class="icon-ok-sign"></i>Our Team</li>
                                        <li><i class="icon-ok-sign"></i>Clients Testimonials</li>
                                        <li><i class="icon-ok-sign"></i>Job Opportunities</li>
                                        <li><i class="icon-ok-sign"></i>F.A.Q</li>
                                    </ul>
                                    <p class="Special">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                                    <p>
                                        <a href="#" class="btn btn-success btn-large"><i class="icon-ok icon-white"></i> Select plan</a>
                                    </p>
                                </div>
                            </div>
                            <div class="span4">
                                <div class="well PricingTables Premium">
                                    <h2>Premium</h2>

                                    <h3>$8.99 / month</h3>

                                    <p><span class="label label-info">BUDGET</span>
                                    </p>
                                    <ul>
                                        <li><i class="icon-ok-sign"></i>10 users</li>
                                        <li><i class="icon-ok-sign"></i>5TB of space</li>
                                        <li><i class="icon-ok-sign"></i>About Us</li>
                                        <li><i class="icon-ok-sign"></i>News Archive</li>
                                        <li><i class="icon-ok-sign"></i>Our Service</li>
                                        <li><i class="icon-ok-sign"></i>Our Team</li>
                                        <li><i class="icon-ok-sign"></i>Clients Testimonials</li>
                                        <li><i class="icon-ok-sign"></i>Job Opportunities</li>
                                        <li><i class="icon-ok-sign"></i>F.A.Q</li>
                                    </ul>
                                    <p class="Special">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                                    <p>
                                        <a href="#" class="btn btn-large"><i class="icon-ok icon-white"></i> Select plan</a>
                                    </p>
                                </div>
                            </div>
                        </div>--%>
                    </div>
                </div>
            </div>
            <div class="Parallax" id="second" style="background-position: 50% 67px;">

            </div>
            <div id="Portfolio">
                <div class="container-fluid clearfix Portfolio">
                    <div class="container clearfix TitleSection">

                        <h1>GALERÍA</h1> 

                    </div>
                    <div class="container clearfix">
                        <div class="span12">
                            <%-- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nibh erat,
                                 sagittis sit amet congue at, aliquam eu libero. Integer molestie, turpis
                                 vel ultrices facilisis, nisi mauris sollicitudin mauris.</p> --%>
                        </div>
                        <div class="row-fluid">
                            <div class="span12">
                                <nav id="filter">
                                </nav>
                                <section id="container">
                                    <ul id="stage" style="height: 858px;"><li data-tags="Photographies" data-id="0">
                                            <div class="filter-thumb-container">
                                                <div class="filter-thumb"> <span><img alt="Portfolio Filter" src="img/portfolio/1.jpg"></span>

                                                </div>
                                            </div>
                                            <div>
                                                <h4>Lorem ipsum dolor </h4> 
                                                <p>Lorem ipsum</p>
                                            </div>
                                        </li><li data-tags="Video,Photographies" data-id="1">
                                            <div class="filter-thumb-container">
                                                <div class="filter-thumb"> <span><img alt="Portfolio Filter" src="img/portfolio/2.jpg"></span>

                                                </div>
                                            </div>
                                            <div>
                                                <h4>Lorem ipsum dolor </h4> 
                                                <p>Lorem ipsum</p>
                                            </div>
                                        </li><li data-tags="Web Design,Video" data-id="2">
                                            <div class="filter-thumb-container">
                                                <div class="filter-thumb"> <span><img alt="Portfolio Filter" src="img/portfolio/3.jpg"></span>

                                                </div>
                                            </div>
                                            <div>
                                                <h4>Lorem ipsum dolor </h4> 
                                                <p>Lorem ipsum</p>
                                            </div>
                                        </li><li data-tags="Web Design,Photographies" data-id="3">
                                            <div class="filter-thumb-container">
                                                <div class="filter-thumb"> <span><img alt="Portfolio Filter" src="img/portfolio/4.jpg"></span>

                                                </div>
                                            </div>
                                            <div>
                                                <h4>Lorem ipsum dolor </h4> 
                                                <p>Lorem ipsum</p>
                                            </div>
                                        </li><li data-tags="Video" data-id="4">
                                            <div class="filter-thumb-container">
                                                <div class="filter-thumb"> <span><img alt="Portfolio Filter" src="img/portfolio/5.jpg"></span>

                                                </div>
                                            </div>
                                            <div>
                                                <h4>Lorem ipsum dolor </h4> 
                                                <p>Lorem ipsum</p>
                                            </div>
                                        </li><li data-tags="Web Design,Video,Photographies" data-id="5">
                                            <div class="filter-thumb-container">
                                                <div class="filter-thumb"> <span><img alt="Portfolio Filter" src="img/portfolio/6.jpg"></span>

                                                </div>
                                            </div>
                                            <div>
                                                <h4>Lorem ipsum dolor </h4> 
                                                <p>Lorem ipsum</p>
                                            </div>
                                        </li><li data-tags="Video,Photographies" data-id="6">
                                            <div class="filter-thumb-container">
                                                <div class="filter-thumb"> <span><img alt="Portfolio Filter" src="img/portfolio/7.jpg"></span>

                                                </div>
                                            </div>
                                            <div>
                                                <h4>Lorem ipsum dolor </h4> 
                                                <p>Lorem ipsum</p>
                                            </div>
                                        </li><li data-tags="Web Design" data-id="7">
                                            <div class="filter-thumb-container">
                                                <div class="filter-thumb"> <span><img alt="Portfolio Filter" src="img/portfolio/8.jpg"></span>

                                                </div>
                                            </div>
                                            <div>
                                                <h4>Lorem ipsum dolor </h4> 
                                                <p>Lorem ipsum</p>
                                            </div>
                                        </li>
                                        <li data-tags="Web Design,Video" data-id="8">
                                            <div class="filter-thumb-container">
                                                <div class="filter-thumb"> <span><img alt="Portfolio Filter" src="img/portfolio/9.jpg"></span>

                                                </div>
                                            </div>
                                            <div>
                                                <h4>Lorem ipsum dolor </h4> 
                                                <p>Lorem ipsum</p>
                                            </div>
                                        </li>
                                        <li data-tags="Web Design" data-id="9">
                                            <div class="filter-thumb-container">
                                                <div class="filter-thumb"> <span><img alt="Portfolio Filter" src="img/portfolio/10.jpg"></span>

                                                </div>
                                            </div>
                                            <div>
                                                <h4>Lorem ipsum dolor </h4> 
                                                <p>Lorem ipsum</p>
                                            </div>
                                        </li>
                                        <li data-tags="Video,Photographies" data-id="10">
                                            <div class="filter-thumb-container">
                                                <div class="filter-thumb"> <span><img alt="Portfolio Filter" src="img/portfolio/11.jpg"></span>

                                                </div>
                                            </div>
                                            <div>
                                                <h4>Lorem ipsum dolor </h4> 
                                                <p>Lorem ipsum</p>
                                            </div>
                                        </li>
                                        <li data-tags="Video,Photographies" data-id="11">
                                            <div class="filter-thumb-container">
                                                <div class="filter-thumb"> <span><img alt="Portfolio Filter" src="img/portfolio/12.jpg"></span>

                                                </div>
                                            </div>
                                            <div>
                                                <h4>Lorem ipsum dolor </h4> 
                                                <p>Lorem ipsum</p>
                                            </div>
                                        </li>
                                        <li data-tags="Photographies" data-id="12">
                                            <div class="filter-thumb-container">
                                                <div class="filter-thumb"> <span><img alt="Portfolio Filter" src="img/portfolio/13.jpg"></span>

                                                </div>
                                            </div>
                                            <div>
                                                <h4>Lorem ipsum dolor </h4> 
                                                <p>Lorem ipsum</p>
                                            </div>
                                        </li>
                                        <li data-tags="Web Design,Video" data-id="13">
                                            <div class="filter-thumb-container">
                                                <div class="filter-thumb"> <span><img alt="Portfolio Filter" src="img/portfolio/14.jpg"></span>

                                                </div>
                                            </div>
                                            <div>
                                                <h4>Lorem ipsum dolor </h4> 
                                                <p>Lorem ipsum</p>
                                            </div>
                                        </li>
                                        <li data-tags="Audio" data-id="14">
                                            <div class="filter-thumb-container">
                                                <div class="filter-thumb"> <span><img alt="Portfolio Filter" src="img/portfolio/18.jpg"></span>

                                                </div>
                                            </div>
                                            <div>
                                                <h4>Lorem ipsum dolor </h4> 
                                                <p>Lorem ipsum</p>
                                            </div>
                                        </li>
                                    </ul>
                                    <ul class="hidden">
                                        <li data-tags="Photographies" data-id="0">
                                            <div class="filter-thumb-container">
                                                <div class="filter-thumb"> <span><img alt="Portfolio Filter" src="img/portfolio/1.jpg"></span>

                                                </div>
                                            </div>
                                            <div>
                                                <h4>Lorem ipsum dolor </h4> 
                                                <p>Lorem ipsum</p>
                                            </div>
                                        </li>
                                        <li data-tags="Video,Photographies" data-id="1">
                                            <div class="filter-thumb-container">
                                                <div class="filter-thumb"> <span><img alt="Portfolio Filter" src="img/portfolio/2.jpg"></span>

                                                </div>
                                            </div>
                                            <div>
                                                <h4>Lorem ipsum dolor </h4> 
                                                <p>Lorem ipsum</p>
                                            </div>
                                        </li>
                                        <li data-tags="Web Design,Video" data-id="2">
                                            <div class="filter-thumb-container">
                                                <div class="filter-thumb"> <span><img alt="Portfolio Filter" src="img/portfolio/3.jpg"></span>

                                                </div>
                                            </div>
                                            <div>
                                                <h4>Lorem ipsum dolor </h4> 
                                                <p>Lorem ipsum</p>
                                            </div>
                                        </li>
                                        <li data-tags="Web Design,Photographies" data-id="3">
                                            <div class="filter-thumb-container">
                                                <div class="filter-thumb"> <span><img alt="Portfolio Filter" src="img/portfolio/4.jpg"></span>

                                                </div>
                                            </div>
                                            <div>
                                                <h4>Lorem ipsum dolor </h4> 
                                                <p>Lorem ipsum</p>
                                            </div>
                                        </li>
                                        <li data-tags="Video" data-id="4">
                                            <div class="filter-thumb-container">
                                                <div class="filter-thumb"> <span><img alt="Portfolio Filter" src="img/portfolio/5.jpg"></span>

                                                </div>
                                            </div>
                                            <div>
                                                <h4>Lorem ipsum dolor </h4> 
                                                <p>Lorem ipsum</p>
                                            </div>
                                        </li><li data-tags="Web Design,Video,Photographies" data-id="5">
                                            <div class="filter-thumb-container">
                                                <div class="filter-thumb"> <span><img alt="Portfolio Filter" src="img/portfolio/6.jpg"></span>

                                                </div>
                                            </div>
                                            <div>
                                                <h4>Lorem ipsum dolor </h4> 
                                                <p>Lorem ipsum</p>
                                            </div>
                                        </li><li data-tags="Video,Photographies" data-id="6">
                                            <div class="filter-thumb-container">
                                                <div class="filter-thumb"> <span><img alt="Portfolio Filter" src="img/portfolio/7.jpg"></span>

                                                </div>
                                            </div>
                                            <div>
                                                <h4>Lorem ipsum dolor </h4> 
                                                <p>Lorem ipsum</p>
                                            </div>
                                        </li><li data-tags="Web Design" data-id="7">
                                            <div class="filter-thumb-container">
                                                <div class="filter-thumb"> <span><img alt="Portfolio Filter" src="img/portfolio/8.jpg"></span>

                                                </div>
                                            </div>
                                            <div>
                                                <h4>Lorem ipsum dolor </h4> 
                                                <p>Lorem ipsum</p>
                                            </div>
                                        </li><li data-tags="Web Design,Video" data-id="8">
                                            <div class="filter-thumb-container">
                                                <div class="filter-thumb"> <span><img alt="Portfolio Filter" src="img/portfolio/9.jpg"></span>

                                                </div>
                                            </div>
                                            <div>
                                                <h4>Lorem ipsum dolor </h4> 
                                                <p>Lorem ipsum</p>
                                            </div>
                                        </li><li data-tags="Web Design" data-id="9">
                                            <div class="filter-thumb-container">
                                                <div class="filter-thumb"> <span><img alt="Portfolio Filter" src="img/portfolio/10.jpg"></span>

                                                </div>
                                            </div>
                                            <div>
                                                <h4>Lorem ipsum dolor </h4> 
                                                <p>Lorem ipsum</p>
                                            </div>
                                        </li><li data-tags="Video,Photographies" data-id="10">
                                            <div class="filter-thumb-container">
                                                <div class="filter-thumb"> <span><img alt="Portfolio Filter" src="img/portfolio/11.jpg"></span>

                                                </div>
                                            </div>
                                            <div>
                                                <h4>Lorem ipsum dolor </h4> 
                                                <p>Lorem ipsum</p>
                                            </div>
                                        </li><li data-tags="Video,Photographies" data-id="11">
                                            <div class="filter-thumb-container">
                                                <div class="filter-thumb"> <span><img alt="Portfolio Filter" src="img/portfolio/12.jpg"></span>

                                                </div>
                                            </div>
                                            <div>
                                                <h4>Lorem ipsum dolor </h4> 
                                                <p>Lorem ipsum</p>
                                            </div>
                                        </li><li data-tags="Photographies" data-id="12">
                                            <div class="filter-thumb-container">
                                                <div class="filter-thumb"> <span><img alt="Portfolio Filter" src="img/portfolio/13.jpg"></span>

                                                </div>
                                            </div>
                                            <div>
                                                <h4>Lorem ipsum dolor </h4> 
                                                <p>Lorem ipsum</p>
                                            </div>
                                        </li><li data-tags="Web Design,Video" data-id="13">
                                            <div class="filter-thumb-container">
                                                <div class="filter-thumb"> <span><img alt="Portfolio Filter" src="img/portfolio/14.jpg"></span>

                                                </div>
                                            </div>
                                            <div>
                                                <h4>Lorem ipsum dolor </h4> 
                                                <p>Lorem ipsum</p>
                                            </div>
                                        </li><li data-tags="Audio" data-id="14">
                                            <div class="filter-thumb-container">
                                                <div class="filter-thumb"> <span><img alt="Portfolio Filter" src="img/portfolio/18.jpg"></span>

                                                </div>
                                            </div>
                                            <div>
                                                <h4>Lorem ipsum dolor </h4> 
                                                <p>Lorem ipsum</p>
                                            </div>
                                        </li></ul>
                                    <ul class="hidden">
                                        <li data-tags="Photographies" data-id="0">
                                            <div class="filter-thumb-container">
                                                <div class="filter-thumb"> <span><img alt="Portfolio Filter" src="img/portfolio/1.jpg"></span>

                                                </div>
                                            </div>
                                            <div>
                                                <h4>Lorem ipsum dolor </h4> 
                                                <p>Lorem ipsum</p>
                                            </div>
                                        </li>
                                        <li data-tags="Video,Photographies" data-id="1">
                                            <div class="filter-thumb-container">
                                                <div class="filter-thumb"> <span><img alt="Portfolio Filter" src="img/portfolio/2.jpg"></span>

                                                </div>
                                            </div>
                                            <div>
                                                <h4>Lorem ipsum dolor </h4> 
                                                <p>Lorem ipsum</p>
                                            </div>
                                        </li>
                                        <li data-tags="Web Design,Photographies" data-id="3">
                                            <div class="filter-thumb-container">
                                                <div class="filter-thumb"> <span><img alt="Portfolio Filter" src="img/portfolio/4.jpg"></span>

                                                </div>
                                            </div>
                                            <div>
                                                <h4>Lorem ipsum dolor </h4> 
                                                <p>Lorem ipsum</p>
                                            </div>
                                        </li><li data-tags="Web Design,Video,Photographies" data-id="5">
                                            <div class="filter-thumb-container">
                                                <div class="filter-thumb"> <span><img alt="Portfolio Filter" src="img/portfolio/6.jpg"></span>

                                                </div>
                                            </div>
                                            <div>
                                                <h4>Lorem ipsum dolor </h4> 
                                                <p>Lorem ipsum</p>
                                            </div>
                                        </li><li data-tags="Video,Photographies" data-id="6">
                                            <div class="filter-thumb-container">
                                                <div class="filter-thumb"> <span><img alt="Portfolio Filter" src="img/portfolio/7.jpg"></span>

                                                </div>
                                            </div>
                                            <div>
                                                <h4>Lorem ipsum dolor </h4> 
                                                <p>Lorem ipsum</p>
                                            </div>
                                        </li><li data-tags="Video,Photographies" data-id="10">
                                            <div class="filter-thumb-container">
                                                <div class="filter-thumb"> <span><img alt="Portfolio Filter" src="img/portfolio/11.jpg"></span>

                                                </div>
                                            </div>
                                            <div>
                                                <h4>Lorem ipsum dolor </h4> 
                                                <p>Lorem ipsum</p>
                                            </div>
                                        </li><li data-tags="Video,Photographies" data-id="11">
                                            <div class="filter-thumb-container">
                                                <div class="filter-thumb"> <span><img alt="Portfolio Filter" src="img/portfolio/12.jpg"></span>

                                                </div>
                                            </div>
                                            <div>
                                                <h4>Lorem ipsum dolor </h4> 
                                                <p>Lorem ipsum</p>
                                            </div>
                                        </li><li data-tags="Photographies" data-id="12">
                                            <div class="filter-thumb-container">
                                                <div class="filter-thumb"> <span><img alt="Portfolio Filter" src="img/portfolio/13.jpg"></span>

                                                </div>
                                            </div>
                                            <div>
                                                <h4>Lorem ipsum dolor </h4> 
                                                <p>Lorem ipsum</p>
                                            </div>
                                        </li></ul>
                                    <ul class="hidden"><li data-tags="Video,Photographies" data-id="1">
                                            <div class="filter-thumb-container">
                                                <div class="filter-thumb"> <span><img alt="Portfolio Filter" src="img/portfolio/2.jpg"></span>

                                                </div>
                                            </div>
                                            <div>
                                                <h4>Lorem ipsum dolor </h4> 
                                                <p>Lorem ipsum</p>
                                            </div>
                                        </li><li data-tags="Web Design,Video" data-id="2">
                                            <div class="filter-thumb-container">
                                                <div class="filter-thumb"> <span><img alt="Portfolio Filter" src="img/portfolio/3.jpg"></span>

                                                </div>
                                            </div>
                                            <div>
                                                <h4>Lorem ipsum dolor </h4> 
                                                <p>Lorem ipsum</p>
                                            </div>
                                        </li><li data-tags="Video" data-id="4">
                                            <div class="filter-thumb-container">
                                                <div class="filter-thumb"> <span><img alt="Portfolio Filter" src="img/portfolio/5.jpg"></span>

                                                </div>
                                            </div>
                                            <div>
                                                <h4>Lorem ipsum dolor </h4> 
                                                <p>Lorem ipsum</p>
                                            </div>
                                        </li><li data-tags="Web Design,Video,Photographies" data-id="5">
                                            <div class="filter-thumb-container">
                                                <div class="filter-thumb"> <span><img alt="Portfolio Filter" src="img/portfolio/6.jpg"></span>

                                                </div>
                                            </div>
                                            <div>
                                                <h4>Lorem ipsum dolor </h4> 
                                                <p>Lorem ipsum</p>
                                            </div>
                                        </li><li data-tags="Video,Photographies" data-id="6">
                                            <div class="filter-thumb-container">
                                                <div class="filter-thumb"> <span><img alt="Portfolio Filter" src="img/portfolio/7.jpg"></span>

                                                </div>
                                            </div>
                                            <div>
                                                <h4>Lorem ipsum dolor </h4> 
                                                <p>Lorem ipsum</p>
                                            </div>
                                        </li><li data-tags="Web Design,Video" data-id="8">
                                            <div class="filter-thumb-container">
                                                <div class="filter-thumb"> <span><img alt="Portfolio Filter" src="img/portfolio/9.jpg"></span>

                                                </div>
                                            </div>
                                            <div>
                                                <h4>Lorem ipsum dolor </h4> 
                                                <p>Lorem ipsum</p>
                                            </div>
                                        </li><li data-tags="Video,Photographies" data-id="10">
                                            <div class="filter-thumb-container">
                                                <div class="filter-thumb"> <span><img alt="Portfolio Filter" src="img/portfolio/11.jpg"></span>

                                                </div>
                                            </div>
                                            <div>
                                                <h4>Lorem ipsum dolor </h4> 
                                                <p>Lorem ipsum</p>
                                            </div>
                                        </li><li data-tags="Video,Photographies" data-id="11">
                                            <div class="filter-thumb-container">
                                                <div class="filter-thumb"> <span><img alt="Portfolio Filter" src="img/portfolio/12.jpg"></span>

                                                </div>
                                            </div>
                                            <div>
                                                <h4>Lorem ipsum dolor </h4> 
                                                <p>Lorem ipsum</p>
                                            </div>
                                        </li><li data-tags="Web Design,Video" data-id="13">
                                            <div class="filter-thumb-container">
                                                <div class="filter-thumb"> <span><img alt="Portfolio Filter" src="img/portfolio/14.jpg"></span>

                                                </div>
                                            </div>
                                            <div>
                                                <h4>Lorem ipsum dolor </h4> 
                                                <p>Lorem ipsum</p>
                                            </div>
                                        </li></ul>
                                    <ul class="hidden"><li data-tags="Web Design,Video" data-id="2">
                                            <div class="filter-thumb-container">
                                                <div class="filter-thumb"> <span><img alt="Portfolio Filter" src="img/portfolio/3.jpg"></span>

                                                </div>
                                            </div>
                                            <div>
                                                <h4>Lorem ipsum dolor </h4> 
                                                <p>Lorem ipsum</p>
                                            </div>
                                        </li><li data-tags="Web Design,Photographies" data-id="3">
                                            <div class="filter-thumb-container">
                                                <div class="filter-thumb"> <span><img alt="Portfolio Filter" src="img/portfolio/4.jpg"></span>

                                                </div>
                                            </div>
                                            <div>
                                                <h4>Lorem ipsum dolor </h4> 
                                                <p>Lorem ipsum</p>
                                            </div>
                                        </li><li data-tags="Web Design,Video,Photographies" data-id="5">
                                            <div class="filter-thumb-container">
                                                <div class="filter-thumb"> <span><img alt="Portfolio Filter" src="img/portfolio/6.jpg"></span>

                                                </div>
                                            </div>
                                            <div>
                                                <h4>Lorem ipsum dolor </h4> 
                                                <p>Lorem ipsum</p>
                                            </div>
                                        </li><li data-tags="Web Design" data-id="7">
                                            <div class="filter-thumb-container">
                                                <div class="filter-thumb"> <span><img alt="Portfolio Filter" src="img/portfolio/8.jpg"></span>

                                                </div>
                                            </div>
                                            <div>
                                                <h4>Lorem ipsum dolor </h4> 
                                                <p>Lorem ipsum</p>
                                            </div>
                                        </li><li data-tags="Web Design,Video" data-id="8">
                                            <div class="filter-thumb-container">
                                                <div class="filter-thumb"> <span><img alt="Portfolio Filter" src="img/portfolio/9.jpg"></span>

                                                </div>
                                            </div>
                                            <div>
                                                <h4>Lorem ipsum dolor </h4> 
                                                <p>Lorem ipsum</p>
                                            </div>
                                        </li><li data-tags="Web Design" data-id="9">
                                            <div class="filter-thumb-container">
                                                <div class="filter-thumb"> <span><img alt="Portfolio Filter" src="img/portfolio/10.jpg"></span>

                                                </div>
                                            </div>
                                            <div>
                                                <h4>Lorem ipsum dolor </h4> 
                                                <p>Lorem ipsum</p>
                                            </div>
                                        </li><li data-tags="Web Design,Video" data-id="13">
                                            <div class="filter-thumb-container">
                                                <div class="filter-thumb"> <span><img alt="Portfolio Filter" src="img/portfolio/14.jpg"></span>

                                                </div>
                                            </div>
                                            <div>
                                                <h4>Lorem ipsum dolor </h4> 
                                                <p>Lorem ipsum</p>
                                            </div>
                                        </li></ul>
                                    <ul class="hidden"><li data-tags="Audio" data-id="14">
                                            <div class="filter-thumb-container">
                                                <div class="filter-thumb"> <span><img alt="Portfolio Filter" src="img/portfolio/18.jpg"></span>

                                                </div>
                                            </div>
                                            <div>
                                                <h4>Lorem ipsum dolor </h4> 
                                                <p>Lorem ipsum</p>
                                            </div>
                                        </li></ul>
                                </section>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="Parallax" id="third" style="background-position: 50% 28px;">

            </div>

            <div id="Contacto">
                <div class="container-fluid clearfix About">
                    <div class="container clearfix">
                        <div class="container clearfix TitleSection">

                            <h1>FlyBoard Colombia</h1>
                            <br>
                            <h1>Contáctanos </h1> 

                        </div>
                        <div class="container clearfix span10" align="center">
                            <div class="span12">
                                <div class="span12">
                                    <div class="Team clearfix">
                                        <div class="round-thumb-container span7">
                                            <p>Donde Encontrarnos</p>
                                            <div class="imagen" class="round-thumb"> <span><iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.es/maps?f=q&amp;source=s_q&amp;hl=es&amp;geocode=&amp;q=cartagena+colombia&amp;aq=&amp;sll=40.396764,-7.910156&amp;sspn=8.948955,30.014648&amp;ie=UTF8&amp;hq=&amp;hnear=Cartagena,+Bol%C3%ADvar,+Colombia&amp;t=m&amp;ll=10.413703,-75.533581&amp;spn=0.059092,0.072956&amp;z=13&amp;iwloc=A&amp;output=embed"></iframe><br /><small><a href="http://maps.google.es/maps?f=q&amp;source=embed&amp;hl=es&amp;geocode=&amp;q=cartagena+colombia&amp;aq=&amp;sll=40.396764,-7.910156&amp;sspn=8.948955,30.014648&amp;ie=UTF8&amp;hq=&amp;hnear=Cartagena,+Bol%C3%ADvar,+Colombia&amp;t=m&amp;ll=10.413703,-75.533581&amp;spn=0.059092,0.072956&amp;z=13&amp;iwloc=A" style="color:#0000FF;text-align:left">Ver mapa más grande</a></small></span>
                                            </div>
                                        </div>
                                        <div class="span3" >
                                            <br>
                                            <div style="padding-left:50px">
                                                <p>Contáctanos</p>
                                                <p class="font">  
                                                    FlyBoard Colombia.
                                                    <br>
                                                    <img src="img/flyboard/PHONE.png">
                                                    <br>
                                                    019223 8092344
                                                    <br>
                                                    <img src="img/flyboard/MAIL.png">
                                                    <br>
                                                    info@xxx.com
                                            </div>
                                            </p>
                                        </div>

                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="Parallax" id="intro" style="background-position: 50% 12px;">
            <div class="ParallaxText">
            </div>
        </div>

        <div class="container-fluid Footer">
            <div class="container">
                <footer>
                    <p>Copyright © 2013.FlyBoard Colombia Todos los derechos reservados.
                        <a href="mailto:"></a>
                    </p>
                </footer>
            </div>
        </div>

    </div>
    <!-- /Row -->
</div>

<script src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        var ventana_ancho = $(window).width();
        var ventana_alto = $(window).height();

        $('.cb-slideshow').css("height", ventana_alto);

        var ancho = ventana_ancho * 0.8;
        var ancho2 = ventana_ancho * 0.1;

        $('.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container').css("width", ancho);

        $('.flexbox1').css("width", ancho2);



    });
</script>
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery.parallax-1.1.3.js"></script>
<script type="text/javascript" src="js/jquery.localscroll-1.2.7-min.js"></script>
<script type="text/javascript" src="js/jquery.scrollTo-1.4.2-min.js"></script>
<script type="text/javascript" src="js/jquery-animate-css-rotate-scale.js"></script>
<script type="text/javascript" src="js/jquery-css-transform.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.quicksand.js"></script>
<script src="js/lean-slider.js"></script>
<link rel="stylesheet" href="css/lean-slider.css" type="text/css" />
<script type="text/javascript">

    $(document).ready(function() {

        document.body.style.overflow = 'hidden';
        $("#up").css({opacity: 0});

        $('#up').click(function() {

            $('html, body').animate({scrollTop: 0}, 'slow');
        })

        $(window).scroll(function() {
            if (isScrollBottom()) {
                $("#up").css({opacity: 0.7});
            }
            else {
                $("#up").css({opacity: 0});
            }
        });

        function isScrollBottom() {
            var scrollPosition = $(window).height() + $(window).scrollTop();
            return (1500 < scrollPosition);
        }


        $('#entrar').click(function() {
            $("#video2").fadeOut();
            $("#video").fadeOut();
            $("#enlaces").fadeIn();
            document.body.style.overflow = 'scroll';
            $('[data-spy="scroll"]').each(function() {
                var $spy = $(this).scrollspy('refresh');
            });
        });
        $('#contacto').hover(function() {
            $("#aviso1").fadeIn();
        });
        $('#contacto').mouseout(function() {
            $("#aviso1").fadeOut();
        });
        //.parallax(xPosition, speedFactor, outerHeight) options:
        //xPosition - Horizontal position of the element
        //inertia - speed to move relative to vertical scroll. Example: 0.1 is one tenth the speed of scrolling, 2 is twice the speed of scrolling
        //outerHeight (true/false) - Whether or not jQuery should use it's outerHeight option to determine when a section is in the viewport
        $('#intro').parallax("50%", 0.1);
        $('#second').parallax("50%", 0.3);
        $('#slider').leanSlider({
            directionNav: '#slider-direction-nav',
            controlNav: '#slider-control-nav'

        });

        function n(e, t) {
            var n = $("<ul>", {"class": "hidden"});
            $.each(t, function() {
                $(this).clone().appendTo(n)
            });
            n.appendTo("#container");
            var r = $("<a>", {html: e, href: "#", data: {list: n}}).appendTo("#filter")
        }
        var e = $("#stage li"), t = {};
        e.each(function(e) {
            var n = $(this), r = n.data("tags").split(",");
            n.attr("data-id", e);
            $.each(r, function(e, r) {
                r = $.trim(r);
                if (!(r in t)) {
                    t[r] = []
                }
                t[r].push(n)
            })
        });
        n("Show All", e);
        $.each(t, function(e, t) {
            n(e, t)
        });

        $("#filter a").click(function(e) {
            e.preventDefault();
            e.stopPropagation();
            var t = $(this);
            t.addClass("active").siblings().removeClass("active");
            $("#stage").quicksand(t.data("list").find("li"));

        });
        $("#filter a:first").click();

    })
    $(document).ready(function() {
        var e = {Android: function() {
                return navigator.userAgent.match(/Android/i)
            }, BlackBerry: function() {
                return navigator.userAgent.match(/BlackBerry/i)
            }, iOS: function() {
                return navigator.userAgent.match(/iPhone|iPad|iPod/i)
            }, Opera: function() {
                return navigator.userAgent.match(/Opera Mini/i)
            }, Windows: function() {
                return navigator.userAgent.match(/IEMobile/i)
            }, any: function() {
                return e.Android() || e.BlackBerry() || e.iOS() || e.Opera() || e.Windows()
            }};
        var t = e.any();
        if (t == null) {
            $("#intro").parallax("50%", .1);
            $("#second").parallax("50%", .1);
            $("#third").parallax("50%", .1);
        }
    });
    $(document).ready(function() {
        $("[rel=tooltip]").tooltip()
    });
</script>
<script type="text/javascript">
    window.___gcfg = {lang: 'es-419'};

    (function() {
        var po = document.createElement('script');
        po.type = 'text/javascript';
        po.async = true;
        po.src = 'https://apis.google.com/js/plusone.js';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(po, s);
    })();
</script>
<div id="fb-root"></div>
<script>(function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id))
            return;
        js = d.createElement(s);
        js.id = id;
        js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>
</body>
</html>
